﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaVenta
@{
    Layout = "~/Views/Shared/_VentasLayout.cshtml";
    ViewBag.Title = "Reporte de Ventas";
}

<script>
    $(function () {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd/mm/yy'
        });
    });

    $(function () {
        $("#datepicker1").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd/mm/yy'
        });
    });


</script>


<script>
    function reporteEnPDF() {
        document.getElementById("tipoReporte").value = "PDF";
        document.getElementById('form_1').submit();
    }
</script>

<script>
    function reporteEnVista() {
        document.getElementById("tipoReporte").value = "HTML";
        document.getElementById('form_1').submit();
    }
</script>



<!-- content -->
<div class="body2">
    <div class="main">
        <section id="content">
            <article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Reportes</h3>
							<ul id="subMenu">
								<li><h5>@Html.ActionLink("Reporte de Ventas", "ReporteVentaRegistradas")</h5></li>

								<li><h5>@Html.ActionLink("Reporte de Comisiones", "ReporteComisionesxVendedor")</h5></li>
								
							</ul>
						</nav>
					</article>

            <article class="col1" style="width: 593px">
                <div class="pad1">
                    <form id="form_1" method="post" style="height: 100%">
                        <input type="hidden" id="tipoReporte" name="tipoReporte">
                        <h2 class="pad_bot1 pad_top1">Reporte de Ventas</h2>

                        <!----INICIA FORMULARIO--->
                        <h3 class="pad_bot1 pad_top1">Filtro de Tiempo</h3>

                         @ViewBag.mensaje
                          @ViewBag.mensajeFecha 
                        <div class="row">
                            <table style="width: 420px">
                                <tr>
                                    <td style="width: 210px"><span>Fecha Inicio*:</span></td>
                                    <td style="width: 210px">

                                        <input class="input" type="text" name="prFechaInicio" id="datepicker" />
                                        @Html.ValidationMessageFor(model => model.prFechaInicio, null)
                                    </td>
                                </tr>
                            </table>
                        </div>

                        <div class="row">
                            <table style="width: 420px">
                                <tr>
                                    <td style="width: 210px"><span>Fecha Fin*:</span></td>
                                    <td style="width: 210px">
                                        <input class="input" type="text" name="prFechaFin" id="datepicker1" />
                                        @Html.ValidationMessageFor(model => model.prFechaFin, null)
                                    </td>
                                </tr>
                            </table>
                        </div>

                          <div class="row_select">
                            <table style="width: 420px">
                                <tr>
                                    <td style="width: 210px"><span>Tipo de inmueble*:</span></td>
                                    <td style="width: 210px">
                                        <select  name="prIdTipoInmueble">
                                            <option value="">Todos</option>
                                            @foreach (var objTipo in ViewBag.listaTipoInmueble)
                                            {
                                                <option value="@objTipo.prIdTipoInmueble">@objTipo.prDescripcion</option>
                                            }
                                        </select></td>
                                           
                                </tr>
                            </table>
                        </div>

                



                        <a href="#" class="button" onclick="javascript:reporteEnVista()">Generar Reporte</a>
                        <a href="#" class="button" onclick="javascript:reporteEnPDF()">Exportar a PDF</a>


                    </form>

                </div>
            </article>






        </section>
    </div>
</div>




